<!DOCTYPE html>
<html lang="zh">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <link rel="stylesheet" type="text/css" href="public/light-admin/css/materialdesignicons.min.css">
    <link rel="stylesheet" type="text/css" href="public/light-admin/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="public/light-admin/css/style.min.css">
    <link rel="stylesheet" href="./public/layui/css/layui.css">
</head>

<body>
    <div class="container-fluid">

        <div class="row">

            <div class="col-md-6 col-xl-3">
                <div class="card bg-primary text-white">
                    <div class="card-body">
                        <div class="d-flex justify-content-between">
                            <span class="avatar-md rounded-circle bg-white bg-opacity-25 avatar-box">
                                <i class="mdi  mdi-account fs-4"></i>
                            </span>
                            <span class="fs-4 scroll-numbers">
                                <{$data.userTotal}>
                            </span>
                        </div>
                        <div class="text-end">用户数量</div>
                    </div>
                </div>
            </div>

            <div class="col-md-6 col-xl-3">
                <div class="card bg-danger text-white">
                    <div class="card-body">
                        <div class="d-flex justify-content-between">
                            <span class="avatar-md rounded-circle bg-white bg-opacity-25 avatar-box">
                                <i class="mdi mdi-card-bulleted fs-4"></i>
                            </span>
                            <span class="fs-4 scroll-numbers">
                                <{$data.fakeTotal}>
                            </span>
                        </div>
                        <div class="text-end">卡密数量</div>
                    </div>
                </div>
            </div>

            <div class="col-md-6 col-xl-3">
                <div class="card bg-success text-white">
                    <div class="card-body">
                        <div class="d-flex justify-content-between">
                            <span class="avatar-md rounded-circle bg-white bg-opacity-25 avatar-box">
                                <i class="mdi mdi-card-account-details fs-4"></i>
                            </span>
                            <span class="fs-4 scroll-numbers">
                                <{$data.vipUser}>
                            </span>
                        </div>
                        <div class="text-end">会员数量</div>
                    </div>
                </div>
            </div>

            <div class="col-md-6 col-xl-3">
                <div class="card bg-purple text-white">
                    <div class="card-body">
                        <div class="d-flex justify-content-between">
                            <span class="avatar-md rounded-circle bg-white bg-opacity-25 avatar-box">
                                <i class="mdi mdi-comment-outline fs-4"></i>
                            </span>
                            <span class="fs-4 scroll-numbers">
                                <{$data.todayReg}>
                            </span>
                        </div>
                        <div class="text-end">今日注册</div>
                    </div>
                </div>
            </div>
            <div class="col-lg-12">
                <div class="card">
                    <header class="card-header">
                        <div class="card-title">管理员</div>
                    </header>
                    <div class="card-body">
                        <blockquote class="layui-elem-quote">
                            <p class="layui-font-black">
                                欢迎管理员登录 ：
                                <span class="x-red layui-font-orange layui-font-18"><b>
                                        <{$smarty.session.admin.username}>
                                    </b></span>
                                <br>当前时间 : <{$data.date}>
                            </p>
                        </blockquote>
                    </div>
                </div>
            </div>
            <div class="col-lg-12">
                <div class="card">
                    <header class="card-header">
                        <div class="card-title">服务器配置</div>
                    </header>
                    <div class="card-body">
                        <p class="layui-font-12 layui-font-black">
                            当前 IP 地址 : <{$data.ip}>
                                <br>
                                PHP 版本 : <{$smarty.const.PHP_VERSION}>
                        </p>
                    </div>
                </div>
            </div>

        </div>



    </div>

    <script type="text/javascript" src="public/light-admin/js/jquery.min.js"></script>
    <script type="text/javascript" src="public/light-admin/js/popper.min.js"></script>
    <script type="text/javascript" src="public/light-admin/js/bootstrap.min.js"></script>
    <!-- 数字动态滚动增加效果 -->
    <script type="text/javascript" src="public/light-admin/js/scroll-numbers.js"></script>
    <!--引入chart插件js-->
    <script type="text/javascript" src="public/light-admin/js/main.min.js"></script>
    <{include file="common/bottom.html" }>

</body>

</html>